<template>
	<div class="tmpl">
		<div id="rere">
			这个是登录组件
			<br>

			<input type="text" v-model="name">
			<br>
			<!-- 全局过滤器使用 -->
			{{name | tolowercase}}

			<br>
			<!-- 计算属性的使用 -->
			{{toLowerCase2}}  这是用计算属性来过滤的方法（不支持传参）

		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				name:''
			}
		}
		//计算属性
		,
		computed:{
			toLowerCase2(){
				return this.name.toLowerCase()
			}
		}
	}
</script>

<style>
	#rere{
		border:1px solid green;
		padding:5px;
	}


</style>